<template>
  <!-- 加载动画 -->
  <div class="loading">
    <img width="24" height="24" src="../../assets/imgs/loading.gif" />
    <p class="desc">{{title}}</p>
  </div>
</template>
<script type="text/ecmascript-6">
export default {
  props: {
    title: {
      type: String,
      default: '正在加载中...'
    }
  }
}
</script>
<style scoped lang="stylus" rel="stylesheet/stylus">
.loading
  width 100%
  text-align center
  .desc
    line-height 20px
    font-size 14px
    color #ccc
    margin-top 3px
</style>
